@import '../common/common';
*{
	margin: 0;
	padding: 0;
}
@mixin inner {
	margin: 0 auto;
	width: 1200px;
}
$width:100%;
#header{
	width: $width;
	height: 80px;
	padding-top: 18px;
	border-bottom:5px solid #cc3333;
	.inner{
		@include inner;
		ul{
			float: right;
			margin-top:42px;
			li{
				float: left;
				padding: 0 20px;
				font-size:13px;
				a{
					color:#646464;
					&:hover{
						color: #0074D9;
					}
				}
			}
		}	
	}
}

#tabs{
	@include inner;
	height: 72px;
	border-bottom: 2px solid #c0c0c0;
	position: relative;
	#phone{
		height: 72px;
		border-bottom: 2px solid #F04E00;
		width: 149px;
		text-align: center;
		line-height: 72px;
		color: #F04E00;
		font-size: 18px;
		font-weight: 600;
		background: url("https://s2.ymatou.com/login/5b664fb6bc602e04ae085eab8d2a52b9.jpg") no-repeat bottom center;
	}
	span{
		position: absolute;
		right: 0;
		bottom: 18px;
		font-size: 13px;
		color: #646464;
		a{
			color: #0000FE;
		}	
	}
}
#content{
	@include inner;
	height: 500px;
	// background: #7F7F7F;
	overflow:hidden;
	position:relative;
	#reg-form{
		width: 900px;
		height: 500px;
		margin-top: 10px;
		// background: #F6C6CE;
		ul{
			margin-top:40px;
			li{
				position:relative;
				height:62px;
				display:block;
				.regtitle{
					height:26px;
					width: 105px;
					font-size:14px;
					line-height: 26px;
					// position:absolute;
					// top:40px;
					float:left;
					label{
						float:right;
					}
					i{
						color: #F04E00;
					}
				}
				input{
					height: 24px;
					// position: absolute;
					// top: 36px;
					// left: 105px;
					float: left;
					margin-right: 10px;
				}
				span{
					display: none;
					margin-top:5px;
					margin-left:5px;
					font-size: 14px;
				}
				button{
					float: left;
					margin-left: 5px;
					height: 30px;
					border: none;
					background: #8fa0ab;
					color: #fff;
					width: 90px;
					border-radius: 3px;
					cursor: pointer;
				}
			}
		}
		#registerBtn{
			text-align: center;
			width: 67px;
			height: 30px;
			line-height: 30px;
			color: #FFFFFF;
			font-size: 12px;
			background: #F04E00;
			border-radius: 4px;
			margin: -10px 0 0 105px;
			&:hover{
				cursor: pointer;
			}
			user-select: none;
		}
	}
	#payment{
		// background: #008800;
		position: absolute;
		width: 200px;
		height: 390px;
		padding: 20px 50px 0;
		top: 20px;
		right: 0;
		background:url("https://s2.ymatou.com/login/49694f08c5a1502bc7993f9367d5a441.png") no-repeat left center;
		p{
			font-size: 12px;
			line-height: 32px;
			color: #666666;
		}
		.loginMethod{
			border: 1px solid #c0c0c0;
			ul{
				li{
					border-bottom: 1px dashed #c0c0c0;
					font-size: 12px;
					color: #666666;
					// text-indent: 30px;
					line-height: 35px;
					i{
						display: block;
						width: 24px;
						height: 21px;
						float: left;
						margin: 8px 0 0 10px;
					}
					
				}
				.weibo{
						i{
							background: url("https://s2.ymatou.com/top/72a5091d32f30abda3bc6775d7d0c207.png") -24px -39px;
						}
				}
				.zhifubao{
						i{
							background: url("https://s2.ymatou.com/top/72a5091d32f30abda3bc6775d7d0c207.png") -24px -105px;
						}
				}
				.wechat{
						i{
							background: url("https://s2.ymatou.com/login/bfdb5897258b551e046ea2fbc433c70b.png") no-repeat;
						}
				}
			}
		}
	}
}
#copywrite{
	width: $width;
	height: 53px;
	margin-top: 30px;
	p{
		text-align: center;
		color: #666666;
		font-size: 12px;
	}
}



//格式不正确的span样式
.errorSpan{
	background: #F04E00;
	color: #FFFFFF;
}
//格式正确的span样式
.trueSpan{
	background: #dddddd;
	color: #666666;
}